<?php
session_start();
if ('localhost' == $_SERVER['HTTP_HOST']) {
	 $cdnUrl='./';
}else{
	$cdnUrl='http://tu-10030004.file.myqcloud.com/dji/';
}

 

$appId='wxe214ac48790c622f';
$secret='6b7153fc9c94ee2008e71ecbb2313bec';
if (isset($_GET['ops'])){
    $_SESSION['openid']=$_GET['ops'];
    header('Location: http://sdju.mei94.com/');
    exit;
}
if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}
if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}else{
  header("Content-Type:text/html;charset=UTF-8");
  $redirect_uri = urlencode('http://mei94.com/dji/base.php');
  $api_userinfo_base='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$appId.'&redirect_uri='.$redirect_uri.'&response_type=code&scope=snsapi_base#wechat_redirect';

  header('Location: '.$api_userinfo_base);
  exit;
}
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();


?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上海电机学院</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;max-width:750px;}
body, div{padding:0px;margin:0px auto;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
html{-ms-touch-action:none;}
div:focus, img:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
div,img,html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-align:center;text-indent:0;color:#282727;font-size:12px;z-index:2;border:none;background:transparent;text-align-last:center;}
.txt::-webkit-input-placeholder{color:#bcbcbc;text-align:center;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:0;font-size:12px;-webkit-appearance:none;}
.se-col{color: #bcbcbc;}
.container{position:relative;width:100%;transform:translate3d(0,0,0);width:100%;height:auto;overflow: hidden;}
.p-b, .thebg, .themap{position:absolute;width:100%;top:0;left:0;}
.page{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.page{display:none;}
.ltop{top:0;}
.w100, .ltop{position:absolute;width:100%;left:0;display:block;}
.minh-t2{position: fixed;width: 100%;left: 0;display: block;}
.minh-arr{position: fixed;bottom:1%;}
.p1-t2{background:transparent url('<?php echo $cdnUrl ?>img/p1-t2.png?v=3') no-repeat;background-size:cover;}
.p2-t2{background:transparent url('<?php echo $cdnUrl ?>img/p2-t2.png?v=1') no-repeat;background-size:cover;}
.p2-txt, .end-txt{position:absolute;font-size: 16px;font-weight: 900;}
.p2-txt span, .end-txt span{font-size: 17px;}
.p2-txt{color:#b2d235;left:13.6%;}
.end-txt{color:#009e96;left:15.8%;}
.p2-t1{opacity:.4;}
.minh-txt, .sushe-txt, .stang-txt, .xyuan-txt, .xszx-txt{position:absolute;left:0;overflow-y:scroll;}
.minh-txt{top:2.6%;padding-left:6.7%;width:93%;}
.sushe-txt{top:7.8%;padding-left:8.7%;width:91%;}
.stang-txt{top:0;padding-left:8%;width:91%;}
.xyuan-txt{top:3.2%;padding-left:7.4%;width:91%;}
.xszx-txt{top:4.2%;padding-left:7.4%;width:91%;}
.minh-txt::-webkit-scrollbar, .sushe-txt::-webkit-scrollbar, .stang-txt::-webkit-scrollbar, .xyuan-txt::-webkit-scrollbar{width:0;display:none;}
.end-t2{background:transparent url('<?php echo $cdnUrl ?>img/end-t2.png?v=3') no-repeat;background-size:cover;}
.msg-tu, .long-tu, .mhang-tu{display:block;}
.scroll-gap{width:90%;display:block;height: 40px;}
.hlgc{background:rgba(0, 0, 0, 0.92);}
.hlgc-kv{background:transparent url('<?php echo $cdnUrl ?>img/hlgc-kv.jpg') no-repeat;background-size:cover;}
.animated{
  -webkit-animation-duration: 1s;animation-duration: 1s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.ani2{
  -webkit-animation-duration: 2s;animation-duration: 2s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.ani3{
  -webkit-animation-duration: 3s;animation-duration: 3s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.animated.infinite, .ani3.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.animated.d1s{animation-delay: .1s;}
.animated.d2s{animation-delay: .2s;}
.animated.d3s{animation-delay: .3s;}
.animated.d4s{animation-delay: .4s;}
.animated.d5s{animation-delay: .5s;}
.animated.d6s{animation-delay: .6s;}
.animated.d7s{animation-delay: .7s;}
.animated.d8s{animation-delay: .8s;}
.animated.d9s{animation-delay: .9s;} 
.animated.d1bs{animation-delay: 1s;} 


@keyframes fadeInLeft{from {opacity: 0;transform: translate3d(-20%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
.fadeInLeft{animation-name: fadeInLeft;}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(40%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUp {
  from {opacity: 0;transform: translate3d(0, 30%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fadeInUp {animation-name: fadeInUp;}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
.hide{display:none;}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: .5;
  }
}
.flash {
  animation-name: flash;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes arr {
  from {
    transform: translate(0, -4px);
    opacity: .6;
  }
  to {
    transform: translate(0, 6px);
     opacity: 1;
  }
}
.minh-arr{
  opacity: .6;
  transform: translate(0, -4px);
  animation: arr 1.1s ease-in-out 1s infinite alternate;
}
#p1-school{opacity:0;z-index:2;}
</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?ec6ff465f8c8944bb69a9f28a62aa682";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head>
<body>
<div class="container">

<div class="p1 page">
   <img class="p1-bg p-b animated fadeIn" src="<?php echo $cdnUrl ?>img/p1.jpg">
   <img class="p1-logo w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/p1-logo.png">
   <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
   <img class="p1-t3 w100 animated flipInY d2s" src="<?php echo $cdnUrl ?>img/p1-t3.png">
   <div class="p1-t2 w100 animated fadeInUp d3s">
   	  <input id="p1-name" class="txt" name="p1-name" type="text" maxlength="18" value="" placeholder="请输入姓名" />
   	  <div class="p1-school-txt se-col txt">请选择学院</div>
      <select id="p1-school" class="txt se-col" name="p1-school" >
		  <option value ="">请选择学院</option>
		  <option value ="1">材料学院</option>
		  <option value="2">电气学院</option>
		  <option value="3">电子信息学院</option>
		  <option value="4">机械学院</option>
		  <option value="5">凯劳学院</option>
		  <option value="6">外国语学院</option>
		  <option value="21">商学院</option>
		  <option value="22">设计与艺术学院</option>
		  <option value="23">高职学院</option>
	</select>
	<div class="p1-start simg"></div>
   </div>
</div>

<div class="p2 page">
	<img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
	<img class="p2-t1 ltop" src="<?php echo $cdnUrl ?>img/p2-t1.png">
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <div class="thebg">
    	<div class="p2-t2 w100 animated fadeInLeft">
    		<img class="p2-t3 simg ani3 tada infinite d1bs" src="<?php echo $cdnUrl ?>img/p2-t3.png?v=3">
			<div class="p2-txt"><span>Hi，</span>周同学</div>
			<div class="p2-jrxy simg"></div>
		 </div>
    </div>
	

</div>

<div class="minhang page">
    <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
   
    <div class="minh-txt">
    	 <img class="mhang-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/minh-txt-1.png?v=5">
    	 <img class="mhang-tu minh-data-url" data-url="<?php echo $cdnUrl ?>img/minh-txt-2.png?v=5" src="<?php echo $cdnUrl ?>img/minh-txt-1.png?v=5">
    	 <div class="scroll-gap"></div>
    </div>
     <img class="minh-t2" src="<?php echo $cdnUrl ?>img/minh-t2.png?v=5">
     <img class="minh-arr" src="<?php echo $cdnUrl ?>img/minh-arr.png">
     <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
     <img class="minh-t1 simg animated fadeInRight" src="<?php echo $cdnUrl ?>img/minh-t1.png">
</div>

<div class="map page">
  <div class="themap">
  	<img class="ltop" src="<?php echo $cdnUrl ?>img/map.jpg?v=4">
    <img class="map-t1 simg animated zoomIn d1s" data-n="1" data-id="kdzx" src="<?php echo $cdnUrl ?>img/map-t1h.png">
    <img class="map-t2 simg animated zoomIn d2s" data-n="2" data-id="sushe" src="<?php echo $cdnUrl ?>img/map-t2h.png">
    <img class="map-t3 simg animated zoomIn d3s" data-n="3" data-id="jxlou" src="<?php echo $cdnUrl ?>img/map-t3h.png">
    <img class="map-t5 simg animated zoomIn d4s" data-n="5" data-id="yws" src="<?php echo $cdnUrl ?>img/map-t5h.png">
    <img class="map-t4 simg animated zoomIn d5s" data-n="4" data-id="stang" src="<?php echo $cdnUrl ?>img/map-t4h.png">
    <img class="map-t6 simg animated zoomIn d6s" data-n="6" data-id="xszx" src="<?php echo $cdnUrl ?>img/map-t6h.png">
    <img class="map-t7 simg animated zoomIn d7s" data-n="7" data-id="caiz" src="<?php echo $cdnUrl ?>img/map-t7h.png?v=3">
    <img class="map-t8 simg animated zoomIn d8s" data-n="8" data-id="hlgc" src="<?php echo $cdnUrl ?>img/map-t8h.png?v=3">
    <img class="map-t9 simg animated zoomIn d9s" data-n="9" data-id="xyuan" src="<?php echo $cdnUrl ?>img/map-t9h.png">
  </div>
    <img class="map-z1 w100 flash ani3 infinite" data-id="end" src="<?php echo $cdnUrl ?>img/map-z1.png?v=1">
    
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="end" src="<?php echo $cdnUrl ?>img/map-l1.png">
</div>

<div class="end page">
    <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
    <img class="p2-t1 ltop" src="<?php echo $cdnUrl ?>img/p2-t1.png">
    <div class="thebg">
    	<div class="end-t2 w100 animated fadeInLeft">
	    	<div class="end-txt"><span>Hi，</span>周同学</div>
	        <div class="end-back simg"></div>
	    </div>
    </div>

    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    
</div>

<div class="kdzx page"> <!--快递中心-->
	<img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
    <img class="kdzx-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/kdzx-t1.png">
    <div class="thebg">
    	 <img class="kdzx-t2 w100 animated fadeInLeft d2s" src="<?php echo $cdnUrl ?>img/kdzx-t2.png">
         <img class="kdzx-t3 w100 animated fadeInUp d4s" src="<?php echo $cdnUrl ?>img/kdzx-t3.png">
    </div>
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="kdzx" src="<?php echo $cdnUrl ?>img/minh-t1.png">

</div>

<div class="sushe page"> <!--宿舍-->
     <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
     <img class="sushe-t1 simg animated fadeInRight d4s" src="<?php echo $cdnUrl ?>img/sushe-t1.png">

     <div class="sushe-txt">
    	 <img class="long-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/sushe-txt.png?v=3">
    	 <div class="scroll-gap"></div>
    </div>
    <img class="minh-t2" src="<?php echo $cdnUrl ?>img/minh-t2.png?v=5">
    <img class="minh-arr" src="<?php echo $cdnUrl ?>img/minh-arr.png">
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="sushe" src="<?php echo $cdnUrl ?>img/minh-t1.png">
</div>

<div class="yws page"> <!--医务室-->
	<img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
    <img class="yws-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/yws-t1.png">
    <div class="thebg">
	    <img class="yws-t2 w100 animated fadeInLeft d2s" src="<?php echo $cdnUrl ?>img/yws-t2.png">
	    <img class="yws-t3 w100 animated fadeInUp d4s" src="<?php echo $cdnUrl ?>img/yws-t3.png">
    </div>
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="yws" src="<?php echo $cdnUrl ?>img/minh-t1.png">
</div>

<div class="stang page"> <!--食堂-->
	<img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
	<img class="stang-t1 simg animated fadeInRight d4s" src="<?php echo $cdnUrl ?>img/stang-t1.png?v=2">
	<div class="stang-txt">
    	 <img class="long-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/stang-txt-1.png?v=2">
    	 <img class="long-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/stang-txt-2.png?v=2">
    	 <div class="scroll-gap"></div>
    </div>
    <img class="minh-t2" src="<?php echo $cdnUrl ?>img/minh-t2.png?v=5">
    <img class="minh-arr" src="<?php echo $cdnUrl ?>img/minh-arr.png">
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg  animated fadeInRight" data-id="stang" src="<?php echo $cdnUrl ?>img/minh-t1.png">

</div>

<div class="caiz page"> <!--财政-->
    <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">

   
    <img class="caiz-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/caiz-t1.png">
    <div class="thebg">
	    <img class="caiz-t2 w100 animated fadeInLeft d2s" src="<?php echo $cdnUrl ?>img/caiz-t2.png">
	    <img class="caiz-t3 w100 animated fadeInLeft d4s" src="<?php echo $cdnUrl ?>img/caiz-t3.png">
    </div>
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="caiz" src="<?php echo $cdnUrl ?>img/minh-t1.png">
 
</div>

<div class="xyuan page"> <!--学院-->
    <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">

    <img class="xyuan-t1 simg  animated fadeInRight d4s" src="<?php echo $cdnUrl ?>img/xyuan-t1.png">
	<div class="xyuan-txt">
    	 <img class="long-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/xyuan-txt.png?v=5">
    	 <div class="scroll-gap"></div>
    </div>
    <img class="minh-t2" src="<?php echo $cdnUrl ?>img/minh-t2.png?v=5">
    <img class="minh-arr" src="<?php echo $cdnUrl ?>img/minh-arr.png">
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="xyuan" src="<?php echo $cdnUrl ?>img/minh-t1.png">

</div>


<div class="xszx page"> <!--学生事务中心-->
  <img class="p2-bg ltop" src="<?php echo $cdnUrl ?>img/p2.jpg">
  <img class="xszx-t1 simg animated fadeInRight d4s" src="<?php echo $cdnUrl ?>img/xszx-t1.png?v=3">
  
  <div class="xszx-txt">
    	 <img class="mhang-tu ani2 fadeIn" src="<?php echo $cdnUrl ?>img/xszx-txt.png?v=4">
    	 <div class="scroll-gap"></div>
    </div>
  <img class="minh-t2" src="<?php echo $cdnUrl ?>img/minh-t2.png?v=5">
  <img class="minh-arr" src="<?php echo $cdnUrl ?>img/minh-arr.png"> 
  <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
  <img class="view-t1 simg animated fadeInRight" data-id="xszx" src="<?php echo $cdnUrl ?>img/minh-t1.png">

  
</div>

<div class="jxlou page"> <!--教学楼-->
    <img class="ltop" src="<?php echo $cdnUrl ?>img/jxlou.jpg">
    
    <div class="thebg">
    	<img class="jxlou-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/jxlou-t1.png?v=1">
	    <img class="jxlou-t2 w100 animated fadeInLeft d2s" src="<?php echo $cdnUrl ?>img/jxlou-t2.png?v=1">
	    
    </div>
    <img class="p1-yin simg" src="<?php echo $cdnUrl ?>img/yin.png">
    <img class="view-t1 simg animated fadeInRight" data-id="jxlou" src="<?php echo $cdnUrl ?>img/minh-t1.png">

</div>

<div class="hlgc page"> <!--汇林广场-->
    <img class="hlgc-close simg animated fadeIn d1s" data-id="kdzx" src="<?php echo $cdnUrl ?>img/close.png?v=4">
    <div class="thebg">
    	 <div class="hlgc-kv w100 hide">
	        <img class="hlgc-play simg" src="<?php echo $cdnUrl ?>img/play.png">
	     </div>
	     <video preload="auto" controls="controls" id="thev1" class="thevideo w100 hide" x5-playsinline="" playsinline="" webkit-playsinline="" src="http://tu-10030004.file.myqcloud.com/dji/v/1.mp4"  ></video>
    </div>
    
</div>

<div style="display:none;">
    <audio id="mbg" preload="auto" volume="0.2" loop="loop"><source src="m1.mp3"  type="audio/mpeg"></audio>
    
</div>

 
 
 
  

<div class="js_dialog">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
</div>
 
</div>
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?>
</body></html>